<div>
  <a data-dojo-attach-point="logoLinkNode" target="_blank">
    <img class="logo jimu-float-leading jimu-leading-margin1" data-dojo-attach-point="logoNode">
  </a>
  <div class="titles jimu-float-leading jimu-leading-margin1" data-dojo-attach-point="titlesNode">
    <div class="jimu-title jimu-float-leading" data-dojo-attach-point="titleNode"></div>
    <div class="jimu-subtitle jimu-float-leading jimu-leading-margin2" data-dojo-attach-point="subtitleNode"></div>
  </div>
  <div class="links jimu-float-trailing jimu-trailing-margin25" data-dojo-attach-point="linksNode">
    <span class="dynamic-section" data-dojo-attach-point="dynamicLinksNode"></span>
    <a class="link" href="#" data-dojo-attach-point="aboutNode" data-dojo-attach-event="onclick:_onAboutClick">${nls.about}</a>
    <span class="signin-section" data-dojo-attach-point="signInSectionNode">
      <a href="#" class="link" data-dojo-attach-event="onclick:_onSigninClick"
      data-dojo-attach-point="signinLinkNode">${nls.signin}</a>
      <a href="#" target="_blank" class="link" data-dojo-attach-event="onclick:_onUserNameClick" data-dojo-attach-point="userNameLinkNode"></a>
      <a href="#" class="link" data-dojo-attach-event="onclick:_onSignoutClick" data-dojo-attach-point="signoutLinkNode">${nls.signout}</a>
    </span>

  </div>
</div>